
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>jQuery EasyUI Mobile Demo</title>
	<link rel="stylesheet" type="text/css" href="./easyui/themes/metro/easyui.css">
    <link rel="stylesheet" type="text/css" href="./easyui/themes/mobile.css">
	<link rel="stylesheet" type="text/css" href="./easyui/themes/icon.css">
	<script type="text/javascript" src="./easyui/jquery.min.js"></script>
    <script type="text/javascript" src="./easyui/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="./easyui/jquery.easyui.mobile.js"></script>
    <script type="text/javascript" src="./demo_mobile.js"></script>
</head>
<body>
	<div class="easyui-navpanel">
        <header>
            <div class="m-toolbar">
                <div class="m-title">demo</div>
                <div class="m-left">
                    <a href="/easyui-mobile.html" class="easyui-linkbutton m-back" plain="true" outline="true">返回</a>
                </div>
            </div>
        </header>
        <div id="content"> 
        </div>
        <div id="menu"> 
			<ul class="easyui-tree" data-options="animate:true,lines:true,onClick:treeOnclick">
				<li><span>jQuery EasyUI Mobile</span>
					<ul>
						<li data-options="state:'closed'"><span>accordion</span>
							<ul>
								<li
									data-options='id:100,attributes:{"url":"/easyui/demo-mobile/accordion/basic.html"}'>basic</li>
								<li
									data-options='id:101,attributes:{"url":"/easyui/demo-mobile/accordion/header.html"}'>header</li>
								<li
									data-options='id:102,attributes:{"url":"/easyui/demo-mobile/accordion/_content.html"}'>_content</li>
							</ul></li>
						<li data-options="state:'closed'"><span>animation</span>
							<ul>
								<li
									data-options='id:103,attributes:{"url":"/easyui/demo-mobile/animation/basic.html"}'>basic</li>
								<li
									data-options='id:104,attributes:{"url":"/easyui/demo-mobile/animation/fade.html"}'>fade</li>
								<li
									data-options='id:105,attributes:{"url":"/easyui/demo-mobile/animation/pop.html"}'>pop</li>
								<li
									data-options='id:106,attributes:{"url":"/easyui/demo-mobile/animation/slide.html"}'>slide</li>
							</ul></li>
						<li data-options="state:'closed'"><span>badge</span>
							<ul>
								<li
									data-options='id:107,attributes:{"url":"/easyui/demo-mobile/badge/basic.html"}'>basic</li>
								<li
									data-options='id:108,attributes:{"url":"/easyui/demo-mobile/badge/button.html"}'>button</li>
								<li
									data-options='id:109,attributes:{"url":"/easyui/demo-mobile/badge/list.html"}'>list</li>
								<li
									data-options='id:110,attributes:{"url":"/easyui/demo-mobile/badge/tabs.html"}'>tabs</li>
							</ul></li>
						<li data-options="state:'closed'"><span>button</span>
							<ul>
								<li
									data-options='id:111,attributes:{"url":"/easyui/demo-mobile/button/basic.html"}'>basic</li>
								<li
									data-options='id:112,attributes:{"url":"/easyui/demo-mobile/button/group.html"}'>group</li>
								<li
									data-options='id:113,attributes:{"url":"/easyui/demo-mobile/button/style.html"}'>style</li>
								<li
									data-options='id:114,attributes:{"url":"/easyui/demo-mobile/button/switch.html"}'>switch</li>
							</ul></li>
						<li data-options="state:'closed'"><span>datagrid</span>
							<ul>
								<li
									data-options='id:115,attributes:{"url":"/easyui/demo-mobile/datagrid/basic.html"}'>basic</li>
								<li
									data-options='id:116,attributes:{"url":"/easyui/demo-mobile/datagrid/rowediting.html"}'>rowediting</li>
							</ul></li>
						<li data-options="state:'closed'"><span>datalist</span>
							<ul>
								<li
									data-options='id:117,attributes:{"url":"/easyui/demo-mobile/datalist/basic.html"}'>basic</li>
								<li
									data-options='id:118,attributes:{"url":"/easyui/demo-mobile/datalist/group.html"}'>group</li>
								<li
									data-options='id:119,attributes:{"url":"/easyui/demo-mobile/datalist/selection.html"}'>selection</li>
							</ul></li>
						<li data-options="state:'closed'"><span>dialog</span>
							<ul>
								<li
									data-options='id:120,attributes:{"url":"/easyui/demo-mobile/dialog/basic.html"}'>basic</li>
								<li
									data-options='id:121,attributes:{"url":"/easyui/demo-mobile/dialog/message.html"}'>message</li>
							</ul></li>
						<li data-options="state:'closed'"><span>input</span>
							<ul>
								<li
									data-options='id:123,attributes:{"url":"/easyui/demo-mobile/input/numberspinner.html"}'>numberspinner</li>
								<li
									data-options='id:124,attributes:{"url":"/easyui/demo-mobile/input/textbox.html"}'>textbox</li>
							</ul></li>
						<li data-options="state:'closed'"><span>menu</span>
							<ul>
								<li
									data-options='id:126,attributes:{"url":"/easyui/demo-mobile/menu/basic.html"}'>basic</li>
								<li
									data-options='id:127,attributes:{"url":"/easyui/demo-mobile/menu/menubar.html"}'>menubar</li>
							</ul></li>
						<li data-options="state:'closed'"><span>panel</span>
							<ul>
								<li
									data-options='id:128,attributes:{"url":"/easyui/demo-mobile/panel/ajax.html"}'>ajax</li>
								<li
									data-options='id:129,attributes:{"url":"/easyui/demo-mobile/panel/basic.html"}'>basic</li>
								<li
									data-options='id:130,attributes:{"url":"/easyui/demo-mobile/panel/nav.html"}'>nav</li>
								<li
									data-options='id:131,attributes:{"url":"/easyui/demo-mobile/panel/_content.html"}'>_content</li>
							</ul></li>
						<li data-options="state:'closed'"><span>simplelist</span>
							<ul>
								<li
									data-options='id:132,attributes:{"url":"/easyui/demo-mobile/simplelist/basic.html"}'>basic</li>
								<li
									data-options='id:133,attributes:{"url":"/easyui/demo-mobile/simplelist/button.html"}'>button</li>
								<li
									data-options='id:134,attributes:{"url":"/easyui/demo-mobile/simplelist/group.html"}'>group</li>
								<li
									data-options='id:135,attributes:{"url":"/easyui/demo-mobile/simplelist/image.html"}'>image</li>
								<li
									data-options='id:136,attributes:{"url":"/easyui/demo-mobile/simplelist/link.html"}'>link</li>
							</ul></li>
						<li data-options="state:'closed'"><span>tabs</span>
							<ul>
								<li
									data-options='id:137,attributes:{"url":"/easyui/demo-mobile/tabs/basic.html"}'>basic</li>
								<li
									data-options='id:138,attributes:{"url":"/easyui/demo-mobile/tabs/nav.html"}'>nav</li>
								<li
									data-options='id:139,attributes:{"url":"/easyui/demo-mobile/tabs/pill.html"}'>pill</li>
							</ul></li>
						<li data-options="state:'closed'"><span>toolbar</span>
							<ul>
								<li
									data-options='id:140,attributes:{"url":"/easyui/demo-mobile/toolbar/basic.html"}'>basic</li>
								<li
									data-options='id:141,attributes:{"url":"/easyui/demo-mobile/toolbar/button.html"}'>button</li>
								<li
									data-options='id:142,attributes:{"url":"/easyui/demo-mobile/toolbar/menu.html"}'>menu</li>
							</ul></li>
						<li data-options="state:'closed'"><span>tree</span>
							<ul>
								<li
									data-options='id:143,attributes:{"url":"/easyui/demo-mobile/tree/basic.html"}'>basic</li>
								<li
									data-options='id:144,attributes:{"url":"/easyui/demo-mobile/tree/dnd.html"}'>dnd</li>
							</ul></li>
						<li data-options="state:'closed'"><span>form</span>
							<ul>
								<li
									data-options='id:122,attributes:{"url":"/easyui/demo-mobile/form/basic.html"}'>basic</li>
								<li
									data-options='id:125,attributes:{"url":"/easyui/demo-mobile/layout/basic.html"}'>basic</li>
							</ul></li>
					</ul></li>
			</ul>
		</div>
		<footer style="padding:2px 3px">
            <input class="easyui-textbox" style="width:100%;height:32px;" data-options="prompt:'Type something here',buttonText:'<span style=\'padding:0 15px\'>Send</span>'">
        </footer>
	</div>
</body>
</html>
